<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<html>
<head>
    <%@include file="/include/head.jsp"%>
    <title>余额</title>
    <link type="text/css" rel="stylesheet" href="${rootPath}/static/css/balance.css" />
</head>
<body>
<header class="mui-bar mui-bar-nav qy-bg-white">
    <a class="mui-icon mui-icon-back qy-text-black" href="/customer/center.do"></a>
    <h1 class="mui-title qy-text-black qy-font-size-20px">余额</h1>
    <a class="mui-btn-link mui-pull-right qy-text-black" href="#topPopover">明细</a>
</header>
<div class="mui-content">
    <div class="mui-row qy-margin-top-30px">
        <div class="mui-col-xs-12 qy-text-center qy-margin-top-30px">
            <img src="${rootPath}/static/imgs/balance.png" />
        </div>
        <div class="mui-col-xs-12 qy-text-gray qy-text-center qy-font-size-18px qy-margin-top-10px">我的余额</div>
        <div class="mui-col-xs-12 qy-text-gray qy-text-center qy-font-size-28px qy-margin-top-6px">&yen;${balance}</div>
    </div>
    <div class="mui-row qy-margin-top-30px">
        <div class="mui-col-xs-12  qy-margin-top-30px qy-padding-vertical-16px">
            <a class="qy-block qy-text-center qy-font-size-18px qy-text-blue qy-bg-white qy-padding-horizontal-8px qy-border-radius-30px">充值</a>
        </div>
        <div class="mui-col-xs-12 qy-margin-top-16px qy-padding-vertical-16px">
            <a class="qy-block qy-text-center qy-font-size-18px qy-text-black qy-bg-white qy-padding-horizontal-8px qy-border-radius-30px">提现</a>
        </div>
    </div>
</div>
<div id="topPopover" class="mui-popover qy-padding-vertical-8px">
    <div class="mui-popover-arrow"></div>
    <div class="mui-scroll-wrapper">
        <div class="mui-scroll">
            <ul class="qy-no-distance qy-no-liststyle ">
                <li class="qy-text-center qy-border-bottom qy-padding-bottom-4px"><a class="qy-font-size-14px qy-text-black" href="/customer/account/balanceDetail.do">余额明细</a></li>
                <li class="qy-text-center qy-padding-bottom-4px"><a class="qy-font-size-14px qy-text-black" href="/customer/account/tradeDetail.do">交易明细</a></li>
            </ul>
        </div>
    </div>
</div>
</body>
</html>
